<template>
	<div>
		用户管理<br>
		<input type="button" value="查询字典" @click="go" class="btn">
	</div>

</template>

<script>
	export default{
		methods:{
			go(){
				//使用path跳转路由  query传值 (参数在地址栏中)
				//刷新不会丢失参数
				//this.$router.push({path:"/dict",query:{id:123,name:"卢本伟"}})
				 
				//根据命名路由跳转  query传值 (参数在地址栏中)
				//this.$router.push({name:"dict",query:{id:123,name:"卢本伟"}})
				
				
				
				//使用path跳转路由   params传参 (不可用)  
				//this.$router.push({path:"/dict",params:{id:456,name:"张嘉文"}})
				
				//根据命名路由跳转  params传参 (参数不会显示在地址栏中)适用于参数比较多 或隐藏参数
				//刷新页面会丢失参数 
				this.$router.push({name:"dict",params:{id:123,name:"卢本伟"}})
			}
		}
	}
</script>

<style scoped="scoped">
	.btn{
		height: 30px;
	}
</style>